<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分类</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/pro_categories.css">
</head>
<body>
<div class="header clearFix">
    <button class="returnPrev" id="goBack">返回</button>
    <div class="search">
        <input type="text" placeholder="输入你想要的商品" id="search">
        <button></button>
    </div>
</div>

<div class="content clearFix">
    <ul class="menu" id="menu">
        <li class="on" data-type="3"><a href="javascript:;">LED现代灯</a></li>
        <li data-type="4"><a href="javascript:;">LED现代灯</a></li>
        <li data-type="5"><a href="javascript:;">LED现代灯</a></li>
        <li data-type="6"><a href="javascript:;">LED现代灯</a></li>
        <li data-type="2"><a href="javascript:;">LED现代灯</a></li>
        <li data-type="1"><a href="javascript:;">LED现代灯</a></li>
        <li data-type="0"><a href="javascript:;">LED现代灯</a></li>
    </ul>
    <div class="menuMain" id="menuMain">
        <ul class="menuMainList clearFix on" id="menuMainList">
            <!--<li><a href="pro_details.html"><img src="img/pic19.png" alt=""></a><p>LED现代灯</p></li>-->
        </ul>
    </div>
</div>

<div class="footer">
    <ul class="footerNav clearFix">
        <li>
            <a href="index.html">首页</a>
            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
        <li class="on">
            <a href="pro_categories.html">分类</a>
            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
        <li>
            <a href="order.html">订单</a>
            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
        <li>
            <a href="user.html">我的</a>
            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
        <li>
            <a href="shop_cart.html">购物车</a>
            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
    </ul>
</div>

<script src="lib/zepto.min.js"></script>
<script src="lib/touch.zepto.js"></script>
<script src="js/common.js"></script>
<script src="js/pro_categories.js"></script>
</body>
</html>